<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block metadata %}
    {% endblock %}

    <title> {% block title %} {{ _pageTitle|default('Register') }} {% endblock %} - {{ _globals.config.name }} </title>
    <link href="/assets/libs/bootswatch/{{ _globals.params.cssStyle }}/bootstrap.min.css" rel="stylesheet">
    <link rel="icon" href="/assets/images/favicon_16.ico">
    <style type="text/css">
        body { padding-top: 70px; }
        a.navbar-brand{
            padding: 0;
        }
        a.navbar-brand img{
            width: 60px;
        }
    </style>

    {% block style %}
    {% endblock %}

    <script type="text/javascript">
        var GVar = {};
    </script>

    {% block topScript %}
    {% endblock %}
</head>
<body>
    <div class="wrapper">
        {% include 'mder/_includes/login.nav.twig' %}

        <div class="container">
            {% include '_includes/alert.msg.twig' %}

            {% block body %}
                <h1>This is page Body.</h1>
            {% endblock %}
        </div>
    </div>

    <!-- page footer -->
    <footer style="height: 120px;background: #f8f8f8;border-top: 1px solid #f4f4f4" class="container-fluid site-footer">
        {% block copyright %}
        <div id="copyright">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">

                        <br>
                        <p>
                            &copy; mder {{ 'now'|date('Y') }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
        {% endblock %}
    </footer>
    <script src="/assets/libs/jquery.min.js"></script>
    <script src="/assets/libs/bootstrap.min.js"></script>

    {% block bottomScript %}
    {% endblock %}
</body>
</html>
